.rq-content-list-table-container {
  background-color: var(--requestly-color-background);
  padding: 1rem;
  width: 100%;
  max-width: 1920px;

  input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
  }

  .rq-content-list-table {
    background-color: inherit;
    border-radius: 4px;
    border: 1px solid var(--requestly-color-white-t-10);

    .rq-dnd-target-row {
      // opacity: 0.5;
      background-color: rgba(46, 45, 45, 0.414) !important;
    }

    .rq-content-list-table-header {
      th,
      &:hover th {
        background: var(--requestly-color-surface-0);
        border-bottom: 1px solid var(--requestly-color-white-t-10);
      }

      th,
      th.ant-table-cell {
        padding: 12px;
        font-size: var(--requestly-font-size-sm, 13px);

        .ant-table-column-title {
          flex-grow: 0;
          color: var(--requestly-color-text-default);
          font-size: var(--requestly-font-size-sm, 13px);
          font-weight: 400;
          line-height: 20px;
          letter-spacing: 0.25px;
          white-space: nowrap;
        }

        .ant-table-column-sorters {
          .ant-table-column-sorter-inner {
            .anticon svg {
              --sorter-icon-size: 10px;
              width: var(--sorter-icon-size);
              height: var(--sorter-icon-size);
            }

            .anticon.active svg {
              color: var(--requestly-color-primary-soft);
            }
          }
        }

        svg {
          width: 16px;
          height: 16px;
          color: var(--text-light);
        }

        .ant-table-column-sorters {
          column-gap: 8px;
          justify-content: normal;

          .ant-table-column-sorter {
            margin-left: 0;
          }
        }
      }

      th.ant-table-cell:nth-child(2) {
        .ant-table-column-title {
          display: none;
        }
      }
    }

    .rq-content-list-table-row {
      font-size: var(--requestly-font-size-sm, 13px);
      background: var(--requestly-color-background);

      &.ant-table-row-level-0 {
        cursor: auto !important;
      }

      .ant-table-cell-with-append {
        .group-expand-icon {
          flex-shrink: 0;
          width: 20px;
          height: 20px;
          cursor: pointer;
          transition: transform 0.2s;
        }
      }

      &.ant-table-row-level-1 {
        &:hover > .ant-table-cell {
          background: var(--requestly-color-surface-0);
        }

        .ant-table-cell {
          background: var(--requestly-color-black-t-70);

          .ant-table-row-expand-icon {
            display: none;
          }
        }
      }

      &.ant-table-row-selected {
        background: var(--requestly-color-primary-1000);

        .ant-table-cell {
          background: var(--requestly-color-primary-1000);
        }

        &:hover {
          .ant-table-cell {
            background: var(--requestly-color-surface-0);
          }
        }
      }

      &:hover {
        background: var(--requestly-color-surface-0);
      }

      & > td.ant-table-cell {
        background: inherit;
        color: var(--requestly-color-text-default);
        border-bottom: 1px solid var(--requestly-color-white-t-10);
        padding-left: 12px;
      }

      .ant-table-selection-column {
        border-left: 4px solid transparent;
      }

      button.ant-btn.ant-btn-icon-only {
        flex-shrink: 0;
        width: 40px;
        height: 32px;
      }

      button.ant-btn.ant-btn-icon-only svg {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        color: var(--text-light);
        transition: inherit;
      }

      button.ant-btn.ant-btn-icon-only:hover svg {
        color: var(--requestly-color-text-default);
      }
    }
  }

  th {
    &::before {
      display: none;
    }
  }

  .rq-content-list-expand-icon-container {
    display: flex;
    justify-content: center;
    align-items: center;

    .rq-content-list-expand-icon {
      color: var(--requestly-color-text-placeholder);
      width: 18px;
      height: 18px;
      cursor: pointer;

      &.expanded {
        transform: rotate(90deg);
      }
    }
  }
}

th.ant-table-cell .ant-table-column-sorters .ant-table-column-title {
  overflow: unset;
}
